<template>
	<view class="car_index">
		<xbd-pages-content title="用车申请">
		<template #content>
			<view class="content" :style="'minHeight:'+windowHeight+'px'">
				<view class="banner" >
					<image src="../../static/images/car/useCarBanner.png" mode=""></image>
				</view>
				<view class="body">
					<xbd-apply-card class="bt" :cardIcon="require('../../static/images/car/carInside.png')"  :cardBg="require('../../static/images/meal/blue.png')"  cardTag="用车申请" @clickApplyCard="inside()" ></xbd-apply-card>
				</view>
				<view class="bottom">
					<xbd-apply-card class="bt" :cardIcon="require('../../static/images/car/carMy.svg')"  :cardBg="require('../../static/images/meal/greenBg.png')"  cardTag="我的申请" @clickApplyCard="myApply()" ></xbd-apply-card>
					<xbd-apply-card  :cardIcon="require('../../static/images/car/carApp.svg')"  :cardBg="require('../../static/images/meal/purple.png')"  cardTag="我的审批" @clickApplyCard="approval()"  ></xbd-apply-card>
				</view>
			</view>
		</template>
		</xbd-pages-content>
	</view>
</template>

<script>
	export default {
		data() {
			return {
				windowHeight:0
			};
		},
		methods: {
			myApply() {
			uni.navigateTo({
						url:'./myApply/myApply',
					})
			},
			approval() {
					uni.navigateTo({
								url:'./approval/approval',
							})
			},
			inside() {
			uni.navigateTo({
						url:'./myApply/insideApply',
					})
			}
		},
		computed: {
		},
		onLoad(){
			uni.getSystemInfo({
				     success:(res) =>{
						 this.windowHeight = res.windowHeight
				         console.log(this.windowHeight);
				     }
				 });
			// console.log(this.userInfo.user_permission)
		}
	}
</script>

<style lang="scss" scoped>
		
	.content{
		box-sizing: border-box;
		display: flex;
		flex-direction: column;
	}
.banner{
	height: 140px;
		
	image{
		height: 140px;
		width: 100%;
	}
}
.body{
	background-color: #FFFFFF;
	// height: 180px;
	box-sizing: border-box;
	padding: 20px 50rpx 0 50rpx;
	margin-bottom: 5px;

}
.bottom{
	flex: 1;
	// height: 460px;
	background-color: #FFFFFF;
	box-sizing: border-box;
	padding: 30px 50rpx;

}
	.bt{
		margin-bottom: 20px;
	}
</style>
